<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel= "stylesheet" href="./css/fu-zhen-kai-yao.css">
    <link rel= "stylesheet" href="./css/reset.css">
    <!-- 字体图标库 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2599653_q5dfyl9dnt.css"/>
    <!-- 移动端引入文件 -->
    <script src="./js/flexible.js"></script>
    
</head>
<body>
    <!-- top最外层框宽375高812 -->
    <div class="top">
        <!-- 第一块 -->
        <div class="top1">
            <div class="box1">
                <a href="javascript:;" class="iconfont icon-xiaoyuhao"></a>
                <p>复诊开药</p>
                <img src="./img/d.png" alt=""/>
            </div>

            <div class="box2">
                <span>开药门诊</span>
                <span>我的处方</span>
            </div>

            <div class="box3">
                <img src="./img/a.png" alt="">
                <span>以下信息用于医生诊断病情，该信息仅医生可见</span>
            </div>
        </div>

         <!-- 第二块-->
        <div class="top2">
            <span>新增用药人</span>
            <span>补充用药人信息，方便医生更好的了解病情</span>
            <div class="box4">
                <img src="./img/b.png" alt=""/>
                <a href="javascript:;" class="iconfont icon-right-copy"></a>
            </div>
        </div>

        <!-- 第三块-->
        <div class="top3">
            <h3>病情描述</h3>
            <p>详细描述您的病情症状、持续时间、是否用药等情况。信息越详细，医生回复越准确。</p>
        </div>

        <!-- 第4块-->
        <div class="top4">
            <h3 class="box5">或选择确诊的疾病</h3>
            <ul class="box6">
                <li>痤疮</li>
                <li>感冒</li>
                <li>阳痿</li>
                <li>高血压</li>
                <li>哮喘</li>
                <li>肝炎</li>
                <li>糖尿病</li>
                <li>阴道炎</li>
                <img src="./img/e.png" alt=""/>
            </ul>
        </div>
        <!-- 底部 -->
        <div class="box7">
            <div>下一步</div>
        </div>

    </div>


    <!-- <script src="./js/flexible.js"></script> -->
</body>
</html>